<!DOCTYPE html>
<html>
<head lang="en">
  	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp.css${data:buildversion}"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-list-card.css${data:buildversion}"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-search.css${data:buildversion}">
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}">
  <title></title>
  <style>
  	.cmp-table-view-cell{ padding: 0px; }
  	/* 快捷方式样式 */
  	.col-new-container{
		position: absolute;
		z-index: 10;
		background-color: rgba(255,255,255,0.8); 
		display: none;
		width: 100%;
		height: 100%;
	}
	.col-new-btn-icon.col{ background-color: #3cbaff; }
	.col-new-btn-icon{
		width: 76px;
		height: 76px;
		line-height: 76px;
		border-radius: 38px;
		font-size: 32px;
		color: white;
	}
	.col-new-btns{
		width: 100%;
		height: 100%; 
		display: -webkit-flex; /* Safari */
	    display: flex;
	    align-items:center;
	    -webkit-align-items:center;
	    text-align: center;
	    -webkit-box-pack:center; 
	     -ms-justify-content:center; 
	     -webkit-justify-content:center; 
	     justify-content:center;
	}
	.col-new-btns .col-new-btn:first-child{ margin-right: 0.93rem; }
	.col-new-btn-label{
		width: 100%;
		overflow: hidden;
		font-size: 14px;
		color: #333;
		text-overflow:ellipsis;
		white-space: nowrap;
		line-height: 1;
		margin-top: 10px;
	}
	.col-new-btn{ display: inline-block; font-size: 14px; color: #333; }
	.col-new-btn-icon.form{ background-color: rgb(41,214,237); }
	.col-new-close{
		position: absolute;
		bottom: 70px;
		width: 100%;
		text-align: center;
		color: #3AADFB;
	}
	
  </style>
</head>
<body class="cmp-fullscreen">
   <div class="cmp-content  cmp-col-content cmp-content-none" style="position:absolute;height:100%;top:0;left:0;width:100%;">
   <div class="cmp-segmented_title_content" id="searchHeader" style="background-color:#fff;height:48px;padding:0">
          <form action="#" onsubmit="return false;">
              <div class="cmp-content-title-search cmp-content-search-add">
                  <div class="cmp-input-row see-icon-search cmp-search">
                      <input type="search" placeholder="" class="cmp-input-clear " style="background-color: #eef1f5;" disabled>
                      <span class="cmp-icon cmp-hidden cmp-icon-clear"></span>
                      <span class="cmp-placeholder"  id="search">
                                        <span class="cmp-icon cmp-icon-search"></span>
                      <span class="text-search"><i18n key="portal.pending.page.lable.search"></i18n></span>
                      </span>
                  </div>
                  <div class="search-title-cancel cmp-icon cmp-icon-plus" id="addKey" style="color: #3aadfb;font-size: 26px;"></div>
              </div>
          </form>
      </div>
     <div id="reSearch" class="cmp-search-content cmp-header-search-position " style="display: none;right: 0px;left: 0px; ">
            <div class="cmp-search-title " style="border:none;top:0px;padding: 15px 3px;">
                <div class="cmp-search-item">
                    <span class="title" id="cmp_search_title" style="color:#666666!important"></span>
                </div>
                <div id="toSearch" class="cmp-search-item">
                    <div id="searchText" class="item text cmp-active">
                        <input id="searchTextValue" type="text" readonly="readonly">
                    </div>
                    <div id="searchDate" class="item date">
                        <input id="searchDateBeg" class="cmp-search-date_btn" type="text" readonly="readonly">
                        <span>-</span>   <input id="searchDateEnd" class="cmp-search-date_btn" type="text" id="date_end" readonly="readonly">
                    </div>
                </div>
                <div class="cmp-search-item">
                    <span id="cancelSearch" class=" gotoSearch"><i18n key="portal.label.cancel"></i18n></span>
                </div>
            </div>
        </div>
      <div id="dataCommonDiv" class="cmp-control-content cmp-active">
          <div id="colPendingsContain" style="position: absolute;" class="cmp-scroll-wrapper white">
              <div class="cmp-scroll">
              	<ul id="listPending" class="cmp-table-view ul_list"></ul>
              </div>
          	 </div>
          </div>
      </div>
  </div>
  <!-- 快捷键 -->
  <div id="maskContainer" class="col-new-container" style="top:0px;">
      <div class="col-new-btns">
        <div class="col-new-btn" id="creatFreeCollBtn">
          <div class="icon m3-icon-coordination-fill col-new-btn-icon col"></div>
          <div class="col-new-btn-label"><i18n key="portal.pending.page.lable.freeColl"></i18n></div>
        </div>
        <div class="col-new-btn" id="createTemplateColBtn">
          <div class="icon see-icon-v5-common-formtemplate col-new-btn-icon form"></div>
          <div class="col-new-btn-label"><i18n key="portal.pending.page.lable.formTemplate"></i18n></div>
        </div>
      </div>
    <div id="newCloseBtn" class="col-new-close"><span style="font-size: 24px;" class="m3-icon-close"></span></div>
  </div>
  
  <s3:data name='cordova' />
  <script src="<s3:data name='dependencies.portal' />/i18n/Portal_zh_CN.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-search.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
  <script type="text/javascript" src="${data:dependencies.common_v5_path}/m3-jssdk.js${data:buildversion}"></script>

<script type="text/javascript">  
cmp.i18n.init('${data:dependencies.portal}/i18n/', 'Portal');
var buildVersion =  "${data:buildversion}";
var _collPath = "${data:dependencies.collaboration}"; 
var _edocPath = "${data:dependencies.edoc}"; 
</script>
  <script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
  <script src="${data:dependencies.cmp}/js/cmp-app.js${data:buildversion}"></script>
  <script src="<s3:data name='dependencies.portal'/>/js/morePending.js${data:buildversion}"></script>
  <!-- js模版 -->
  <script  type="text/html" id="list_li_tpl">
  <% for(var i = 0,len = this.length;i < len; i++){ %>
  <%     var data = this[i]; %>
       <li id="<%=data.id%>" class="cmp-table-view-cell <%if(data.affairState==3 && data.subState==11){%>unread<%}%> <%if(data.affairState==1 || data.affairState == 2){%>undefined<%}%>">
         <div class="collaboration-list">
           <!--发起人图片-->
           <div class="img-wrap choice">
             <img class="cmp-img-cache img_setting" cmp-data="<%=data.createMemberId %>" affairId="<%=data.id%>"  applicationCategoryKey="<%=data.applicationCategoryKey%>"/>
             </div>
             <div affairId="<%=data.id%>" applicationCategoryKey="<%=data.applicationCategoryKey%>" data-bodyType="<%=data.bodyType%>" class="item-click-area text-wrap">  
               <ul class="list-item">
                   <% if(data.subState == 11) {%>
                     <li class="collabo-title bold" style="word-break: break-word;">
                  <%} else{ %>
                    <li class="collabo-title" style="word-break: break-word;">
                  <%} %>
                   <!-- 重要程度 -->
                   <% if(data.importantLevel && data.importantLevel > 1){ %>
                     <span style="color: #FF3B30;font-size:12px;top:-1px;" class="relative cmp-icon see-icon-v5-common-important-<%=(data.importantLevel-1)%>"></span>
                   <% } %>
                     <%=data.subject.escapeHTML() %>
                 </li>
                 <li class="collabo-time" style="padding-right:16px">
				   <% if(data.categoryLabel != null || data.state != ""){%>
                     <span>[<%=data.categoryLabel.escapeHTML() %>]</span>
                   <% } %>
                   <% if(data.state == 3 || data.state == 4){%>
                     <span class="name"><%=data.createMemberName.escapeHTML() %></span>
                   <% } %>
                   <span class="" style="vertical-align: middle;"><%=data.receiveTime %></span>
                   <% if(data.hasAttachments) {%>         
                   <span class="see-icon-accessory"></span>
                   <%} %>
                 </li>
                 <!--当前节点名称--> 
                 <% 
					 var hasReplyCount = (data.extParam.replyCount != null && data.extParam.replyCount != "");
					 var hasFromName = (data.fromName != null && data.fromName != "");
					 var hasBackFromName = (data.backFromName != null && data.backFromName != "");

                     if(hasReplyCount || hasFromName || hasBackFromName){


                  %>
                 <li style="list-style:none" >
                   <div style="overflow:hidden;padding-right:16px" class="collabo-state">
                     <% if(hasReplyCount){ %>
					 	<span class="state-numb"><%=data.extParam.replyCount %></span>
					 <% } %>
                     <% if(hasFromName){%>
                     <span class="add">
                       <!-- <span class="see-icon-v5-common-endorse endorse-icon"></span> -->
                       <span><%=data.fromName %></span>
                     </span>
                     <%} %>
                     <% if(hasBackFromName){%>
                     <span class="add">
                       <!-- <span class="see-icon-v5-common-rollback endorse-icon"></span> -->
                       <span><%=data.backFromName %></span>
                     </span>
                     <%} %> 
                   </div>
                 </li>
                 <%} %>
               </ul>
                <!--当前事项状态:mark未读 hold暂存 end结束-->
                <!-- 流程结束状态：终止和正常结束 -->
                <%if(data.subState == 11) {%>
					<span class="mark m3-icon-status-seal stag hidden"><em><%=cmp.i18n("portal.pending.substate.11.label")%></em></span>
                	<!--暂存-->
                <%}else if(data.state == 3 && data.subState == 13){%>
					<span class="mark hold m3-icon-status-seal stag"><em><%=cmp.i18n("portal.pending.substate.13.label")%></em></span>
				<%}%>
              </div>
          </div>
        </li>
    <%} %>
  </script>
</body>
</html>
